<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Visibook | login</title>
    <!-- Bootstrap core CSS -->
    <!--https://visibook.com/-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
          integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <!--<link rel="stylesheet" href="css/bootstrap.min.css">-->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<header>
    <nav class="navbar navbar-expand-xl navbar-light bg-faded">
        <div class="container">
            <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a>
        </div>
    </nav>
</header>
<div class="content-area">
    <div class="signin-container">
        <div class="panel dialog-centered my-panel auth-inputs-panel">
            <button class="btn google-signin-btn btn-default google-login" style="background: #fff;">
                <img class="mr10" src="images/google-g-transparent.png" alt="">
                <span class="color-000">Sign in with Google</span>
            </button>
            <h6 class="line-behind">or with email</h6>
            <form>
                <div class="form-group">
                    <label for="exampleInputEmail1">Email address</label>
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">Password</label>
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                </div>
                <button type="submit" class="btn btn-default colo-fff">login</button>
                <br>
                <p><a href="">Forgot password?</a></p>
            </form>

        </div>
    </div>
</div>
</body>
<!--<script src="js/bootstrap.min.js"></script>-->
<!--<script src="js/jquery-3.3.1.min.js"></script>-->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
</html>